<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
</head>
<body>
    <div class="course wrapper">
        <div class="hd">
          <h3>精品推荐</h3>
          < a href="#">查看全部
            <span class="iconfont icon-arrow-right-bold">
            </span>
          </ a>
        </div>
        <div class="bd">
          <ul class="common">
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality01.png" alt=""></div>
                <h4>JavaScript数据看板项目实战</h4>
                <p><span>高级</span> · <i>1125</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality02.png" alt=""></div>
                <h4>Vue.js实战——面经全端项目</h4>
                <p><span>高级</span> · <i>2726</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality03.png" alt=""></div>
                <h4>玩转Vue全家桶，iHRM人力资源项目</h4>
                <p><span>高级</span> · <i>9456</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality04.png" alt=""></div>
                <h4>Vue.js实战医疗项目——优医问诊</h4>
                <p><span>高级</span> · <i>7192</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality05.png" alt=""></div>
                <h4>小程序实战：小兔鲜电商小程序项目</h4>
                <p><span>高级</span> · <i>2703</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality06.png" alt=""></div>
                <h4>前端框架Flutter开发实战</h4>
                <p><span>高级</span> · <i>2841</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality07.png" alt=""></div>
                <h4>熟练使用React.js——极客园H5项目</h4>
                <p><span>高级</span> · <i>95682</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality08.png" alt=""></div>
                <h4>熟练使用React.js——极客园PC端项目</h4>
                <p><span>高级</span> · <i>904</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality09.png" alt=""></div>
                <h4>前端实用技术，Fetch API 实战</h4>
                <p><span>高级</span> · <i>1516</i>人在学习</p>
              </ a>
            </li>
            <li>
              < a href="#">
                <div class="pic"><img src="./uploads/quality10.png" alt=""></div>
                <h4>前端高级Node.js零基础入门教程</h4>
                <p><span>高级</span> · <i>2766</i>人在学习</p>
              </ a>
            </li>
          </ul>
        </div>
      </div>
    <script></script>
</body>
</html>